{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% block titulo %}Relatórios{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>Relatórios</h1><p>Notas {{ 'de homologação (testes)' if homologacao else 'de produção' }} emitidas no período. Notas canceladas aparecem na lista, mas não entram nos totais.</p></div>
  <form class="acoes" method="get">
    <label class="peq" style="margin:0">De <input type="date" name="inicio" value="{{ inicio }}" style="width:auto"></label>
    <label class="peq" style="margin:0">até <input type="date" name="fim" value="{{ fim }}" style="width:auto"></label>
    <button class="btn">{{ icone('busca') }} Ver</button>
  </form>
</div>

<div class="grade g4">
  <div class="cartao kpi"><div class="rot">Faturamento</div><div class="val">{{ r.totais.vNF|moeda }}</div><div class="sub">{{ r.qtd_autorizadas }} nota(s) autorizada(s)</div></div>
  <div class="cartao kpi"><div class="rot">ICMS</div><div class="val" style="font-size:22px">{{ r.totais.vICMS|moeda }}</div><div class="sub">destacado nas notas</div></div>
  <div class="cartao kpi"><div class="rot">PIS + COFINS</div><div class="val" style="font-size:22px">{{ (r.totais.vPIS + r.totais.vCOFINS)|moeda }}</div><div class="sub">PIS {{ r.totais.vPIS|moeda }} · COFINS {{ r.totais.vCOFINS|moeda }}</div></div>
  <div class="cartao kpi"><div class="rot">IBS + CBS (informativo)</div><div class="val" style="font-size:22px">{{ (r.totais.vIBS + r.totais.vCBS)|moeda }}</div><div class="sub">{{ r.qtd_canceladas }} cancelada(s) no período</div></div>
</div>

{% if r.meses|length > 1 %}
<div class="cartao" style="margin-top:18px">
  <div class="cab"><h2>Faturamento por mês</h2></div>
  <div class="corpo"><div class="barras">
    {% for mes, valor in r.meses %}
    <div class="barra" title="{{ valor|moeda }}"><span class="valor-barra">{{ (valor/1000)|round(1) }} mil</span>
      <div class="coluna" style="height:{{ (valor / maior_mes * 130)|round(0)|int }}px"></div><small>{{ mes[5:7] }}/{{ mes[2:4] }}</small></div>
    {% endfor %}
  </div></div>
</div>
{% endif %}

<div class="cartao" style="margin-top:18px">
  <div class="abas" data-grupo="rel">
    <button type="button" class="ativa" data-aba="notas">Notas ({{ r.linhas|length }})</button>
    <button type="button" data-aba="clientes">Por cliente ({{ r.clientes|length }})</button>
    <button type="button" data-aba="produtos">Por produto ({{ r.produtos|length }})</button>
  </div>
  <div class="painel-aba ativa" data-grupo="rel" data-aba="notas">
    <div class="cab" style="justify-content:flex-end"><a class="btn peq" href="{{ url_for('relatorios_exportar', tipo='notas', inicio=inicio, fim=fim) }}">{{ icone('download') }} Exportar para Excel (CSV)</a></div>
    {% if r.linhas %}<div class="tabela-wrap"><table class="tab">
      <thead><tr><th>Nº</th><th>Data</th><th>Destinatário</th><th class="direita">Valor</th><th class="direita">ICMS</th><th class="direita">PIS</th><th class="direita">COFINS</th><th>Situação</th></tr></thead>
      <tbody>{% for x in r.linhas %}{% set s = SITUACOES.get(x.situacao, (x.situacao, 'neutro')) %}
        <tr><td>{{ x.numero }}</td><td class="nowrap">{{ x.data[8:10] }}/{{ x.data[5:7] }}/{{ x.data[:4] }}</td><td>{{ x.cliente }}</td>
          <td class="direita nowrap">{{ x.vNF|moeda }}</td><td class="direita nowrap">{{ x.vICMS|moeda }}</td>
          <td class="direita nowrap">{{ x.vPIS|moeda }}</td><td class="direita nowrap">{{ x.vCOFINS|moeda }}</td>
          <td><span class="selo {{ s[1] }}">{{ s[0] }}</span></td></tr>
      {% endfor %}</tbody></table></div>
    {% else %}<div class="vazio">Nenhuma nota no período.</div>{% endif %}
  </div>
  <div class="painel-aba" data-grupo="rel" data-aba="clientes">
    <div class="cab" style="justify-content:flex-end"><a class="btn peq" href="{{ url_for('relatorios_exportar', tipo='clientes', inicio=inicio, fim=fim) }}">{{ icone('download') }} Exportar para Excel (CSV)</a></div>
    {% if r.clientes %}<div class="tabela-wrap"><table class="tab">
      <thead><tr><th>Cliente</th><th>CPF/CNPJ</th><th class="direita">Notas</th><th class="direita">Valor</th></tr></thead>
      <tbody>{% for c in r.clientes %}<tr><td>{{ c.cliente }}</td><td class="nowrap">{{ c.documento|doc }}</td><td class="direita">{{ c.notas }}</td><td class="direita nowrap">{{ c.valor|moeda }}</td></tr>{% endfor %}</tbody>
    </table></div>{% else %}<div class="vazio">Nenhuma nota autorizada no período.</div>{% endif %}
  </div>
  <div class="painel-aba" data-grupo="rel" data-aba="produtos">
    <div class="cab" style="justify-content:flex-end"><a class="btn peq" href="{{ url_for('relatorios_exportar', tipo='produtos', inicio=inicio, fim=fim) }}">{{ icone('download') }} Exportar para Excel (CSV)</a></div>
    {% if r.produtos %}<div class="tabela-wrap"><table class="tab">
      <thead><tr><th>Código</th><th>Descrição</th><th class="direita">Quantidade</th><th class="direita">Valor</th></tr></thead>
      <tbody>{% for p in r.produtos %}<tr><td class="mono">{{ p.codigo }}</td><td>{{ p.descricao }}</td><td class="direita nowrap">{{ '%.2f'|format(p.quantidade) }} {{ p.unidade }}</td><td class="direita nowrap">{{ p.valor|moeda }}</td></tr>{% endfor %}</tbody>
    </table></div>{% else %}<div class="vazio">Nenhuma nota autorizada no período.</div>{% endif %}
  </div>
</div>
{% endblock %}